<md-sidenav-container class="home-root fullscreen">
    <md-sidenav class="home-sidenav" #start>
        <div fxLayout="column">
            <div class="home-storeinfo" fxLayout="row" fxLayoutAlign="start center">
                <img class="home-storelogo margin-l-s" src="{{store.merchant.logo?store.merchant.logo:'./assets/images/LOGO.png'}}">
                <div class="margin-l-s" fxLayout="column" fxLayoutAlign="center start">
                    <span class="v-gap color-lightgray">{{store.merchant.storeName}}</span>
                    <span>{{ipAddress}}</span>
                </div>
            </div>
            <div class="home-menu padding-l-s">
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center">
                    <span class="menu-icon i-tv padding-l-s"></span>
                    <span class="margin-l-s">{{terminal ? terminal.name : ""}}</span>
                </div>
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center">
                    <span class="menu-icon i-person padding-l-s"></span>
                    <span class="margin-l-s">{{user ? user.name : ""}}</span>
                </div>
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center" (click)="goPrinter()">
                    <span class="menu-icon i-print padding-l-s"></span>
                    <span class="margin-l-s">打印机</span>
                </div>
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center" (click)="goSetting()">
                    <span class="menu-icon i-settings padding-l-s"></span>
                    <span class="margin-l-s">设置</span>
                </div>
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center" (click)="goSync()">
                    <span class="menu-icon i-refresh padding-l-s"></span>
                    <span class="margin-l-s">同步数据</span>
                </div>
                <div class="home-menu-item" fxLayout="row" fxLayoutAlign="start center" (click)="logout()">
                    <span class="menu-icon i-power-settings-new padding-l-s"></span>
                    <span class="margin-l-s">退出</span>
                </div>
            </div>
        </div>
    </md-sidenav>
    <div class="fullscreen" fxLayout="column" fxFlex="100%">
        <header class="app-header noshrink">
            <div fxLayout="row" fxLayoutAlign="start center" (click)="start.open()">
                <div class="home-logo-container margin-l">
                    <img class="home-logo" src="{{store.merchant.logo?store.merchant.logo:'./assets/images/LOGO.png'}}"/>
                </div>
                <span class="margin-l-xs">{{store.merchant.storeName}}</span>
            </div>
        </header>
        <div class="home-item-container" fxLayout="row" fxLayoutWrap="wrap" fxFlex="100%">
            <div class="home-item" fxFlex="50%" *ngFor="let item of itemData" (click)="redirectTo(item)">
                <div>
                    <img [ngClass]="{'home-item-disabled': item.disabled}" class="home-item-img" src="{{item.disabled ? item.pngGraySrc : item.pngSrc}}">
                </div>
                <span class="home-item-name">{{item.name}}</span>
            </div>
        </div>
    </div>
</md-sidenav-container>